<template>
    <div>
        <app-header></app-header>
        <app-navbar></app-navbar>
        <app-main></app-main>
    </div>
</template>
<script>
import AppHeader from './AppHeader'
import AppNavbar from './AppNavbar'
import AppMain from './AppMain'

export default {
    components: {
        AppHeader,
        AppNavbar,
        AppMain
    }
}
</script>
<style scoped>
.header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #273d50;
    line-height: 50px;
}
.navbar{
    width: 230px;
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    background: #545c64;
}
.main{
    position: absolute;
    top: 50px;
    left: 230px;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 10px;
}
</style>